<template>
  <div class="item">
      <img :src="img">
      <div>{{name}}</div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    };
  },
    props: {
        img: String,
        name: String
    },
  components: {},

  computed: {},

  methods: {}
}

</script>
<style scoped>
    div{
        /* border: 1px solid; */
    }
    .item {
        display: flex;
        padding: 10px;
        align-items: center;
        color: var(--color-text-l);
        border-bottom: 1px solid rgba(180, 180, 180, 0.1);  
    }
    .item img {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        margin-right: 20px;
        margin-left: 20px;
    }
</style>